body,html{
	width: 100%;
	height: 100%;
	background-color: #f1f2f5;
	font-size: 16px;
	color: #333;
	padding: 0;
	margin: 0;
}
.div{
	width: 100%;
}
.div_ul{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 100%;
}
.div_ul_li{
	margin: 0;
	padding: 0;
}
.flex{
	display: flex;
}
.span_svg{
	display: block;
}
.span_img{
	display: block;
}
.sticky{
	position: sticky;
	top:70px;
}
.wb_v{
	position: absolute;
	z-index: 999;
	background-color: #838383;
}
.wb_card{
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #f9f9f9;
}
.wb_bg_color{
	background: linear-gradient(180deg,#f87c45,#f36126);
}
.common_background_color{
	background-color: #fff;
}
.x_center{
	display: flex;
	justify-content: center;
}
.y_center{
	display: flex;
	align-items: center;
}
.xy_center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.left_center{
	display: flex;
	justify-content: left;
	align-items: center;
}
.right_flex{
	margin-left: auto;
}
.left_flex{
	margin-right: auto;
}
.right_center{
	display: flex;
	justify-content: right;
	align-items: center;
}
.wb_top{
	height: 57px;
	border-top: 2px solid #ff8200;
	border-bottom: 1px solid #f9f9f9;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
}
.wb_top_left{
	flex: 2;
}
.wb_top_center{
	flex: 5;
}
.wb_top_right{
	flex: 2;
}
.wb_content{
	display: flex;
	justify-content: space-between;
	min-height: 800px;
	margin:70px 50px 0px 50px;
	background-color: transparent;
}
.wb_content_left{
	flex: 2;
	padding:0px 10px;
}
.wb_content_center{
	flex: 6;
	padding:0px 10px;
}
.wb_content_right{
	flex: 3;
	padding:0px 10px;
}
.hx{
	height: 100%;
}
.top_icon_svg svg{
	width: 90px;
	height: 38px;
}
.top_search_svg svg{
	width: 16px;
	height: 16px;
	fill:#333;
}
.search{
	width: 34px;
	height: 34px;
	background-color: #f0f1f4;
	border-radius: 25px;
	margin-left: 10px;
}
.top_svg svg{
	width: 30px;
	height: 30px;
}
.user_img img{
	border-radius: 25px;
	width: 32px;
	height: 32px;
}
.wb_top_center .div_ul_li div{
	width: 90px;
	height: 100%;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wb_top_center .div_ul_li .top_center_span{
	width: 70px;
	height: 38px;
	position: relative;
}
.wb_top_center .div_ul_li .active{
	color: #ff8200;
}
.new::after{
	content: "NEW";
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 0.9375;
	color: #fff;
	position: absolute;
	top: 0px;
	right: -7px;
	background-color: #ff2026;
	padding: 1px 3px;
	z-index: 9;
	border: 1px solid #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px ;
	border-bottom-right-radius: 10px;
	text-align: center;
}
.msg::after{
	content: attr(data-content);
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 0.9375;
	color: #fff;
	position: absolute;
	top: 0px;
	right: -7px;
	background-color: #ff2026;
	padding: 1px 3px;
	z-index: 9;
	border: 1px solid #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px ;
	border-bottom-right-radius: 10px;
	text-align: center;
	width: 33px;
	box-sizing: border-box;
}
.wb_top_center .div_ul_li .active::before{
	content: "";
	position: absolute;
	bottom: -10px;
	height: 1px;
	width: 100%;
	display: block;
	border-bottom:2px solid #ff8200;
}
.wb_top_right .div{
	float: right;
}
.wb_top_right .div_ul{
	width: 100%;
}
.wb_top_right .span_svg svg{
	width: 16px;
	height: 16px;
}
.wb_top_right .div_ul_li:last-child div{
	margin-left: 10px;
}
.wb_top_right .div_ul_li:first-child div{
	margin-right: 20px;
}
.wb_top_right .div_ul_li:not(:last-child) div {
  /* 这里是样式 */
  width: 30px;
  height: 30px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e5e6eb;
  margin-left: 10px;
}
.wb_bg_color .Nav_logo_1BwBq{
	color: #fff;
}
.top_button button{
	border-radius: 15px;
	font-size: 14px;
	padding: 0 10px;
	white-space: nowrap;
	background-color: #e5e6eb;
	height: 30px;
	border: 0;
	outline: 0;
	cursor: pointer;
}
.sy_left{
	width: 172px;
	height: 54px;
	font-size: 22px;
	padding: 16px 10px 12px;
	font-weight: 500;
	box-sizing: border-box;
}
.sy_left a{
	display: block;
}
.side_left_1{
	padding: 0px 10px;
}
.icon{
	color: #838383;
}
.icon div{
	height: 40px;
}
.icon a{
	display: flex;
	align-items: center;
	color: #333;
	width: 100%;
}
.icon span{
	display: flex;
	justify-content: center;
	align-items: center;
}
.icon .li_active{
	color: #ff8200;
}
.icon .li_active a{
	color: #ff8200;
}
.left_li_icon:hover{
	background-color: #f2f2f2;
}
.zdyfz{
	margin-top: 10px;
	border-top: 1px solid #f9f9f9;
	padding-top: 10px;
	margin-bottom: 10px;
}
.zdyfz a{
	font-size:16px;
	font-weight: 500;
	color: #333;
}
.fzul{
	
}
.fzul .item{
	height: 40px;
}
.fzul .item a{
	position: relative;
	display: block;
	margin-left: 25px;
	width: 100%;
}
.fzul .item a::before{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 25px;
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #838383;
}
.tip{
	position: relative;
}
.tip::after{
	content: attr(data-tip);
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	transform: translateY(-50%);
	color: rgb(250, 108, 1);
	background-color: rgba(255, 130, 0, 0.09);
	border-radius: 10px;
	font-size: 0.75rem;
	font-weight: 700;
}
.zk_button{
	height: 38px;
	border-radius:2px;
	width: 100%;
	margin: 20px 0;
	cursor: pointer;
	border: 0;
	outline: 0;
	color: #838383;
	background: #f2f2f2;
}
.xwb{
	padding: 18px 18px 18px;
}

.xwb_xqy{
	background: #f0f1f4;
	border-radius: 8px;
}
.xwb_xqy textarea{
	border:none;
	outline: none;
	resize:none;
	background: transparent;
	color: #333;
	font-size: 15px;
	padding: 6px;
}
.xwb_tool {
	margin-top: 10px;
	color: #838383;
}
.xwb_tool .item a{
	display: block;
	margin-left: 4px;
	white-space: nowrap; 
}
.xwb_tool .item span{
	display: block;
	white-space: nowrap; 
}
.xwb_tool .icon_left .item{
	height: 30px;
	margin-right: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.xwb_tool .icon_right .item{
	height: 30px;
	margin-left: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
		position: relative;
}
.wb_center_ll{
	margin-top: 20px;
	height: 44px;
}
.wb_center_ll .item a{
	display: block;
}
.wb_center_ll .item{
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}
.wb_nr{
	margin-top: 10px;
	min-height: 200px;
}
.wb_content_right .wb_card{
	padding: 10px 10px 10px 10px;
}
.rs_title{
	font-size: 16px;
	color: #333;
}
.flush{
	color: #939393;
	font-size: 13px;
}
.flush a{
	display: block;
	margin-left: 5px;
}
.right_list{
	margin-top: 10px;
}
.rsl .item{
	display: flex;
	justify-content: space-between;
	height: 40px;
}
.rsl .item a{
	display: block;
}
.rsl .item .views{
	flex: 3;
	font-size: 14px;
	color: #939393;
}
.rsl .item .xh{
	flex: 1;
}
.rsl .item .icon{
	flex: 1;
}
.rsl .item .rd{
	display: flex;
}
.rsl .item .rd{
	flex: 2;
}
.rsl .item .title{
	flex: 15;
	white-space: nowrap; /* 文本不换行 */
	overflow: hidden; /* 溢出内容隐藏 */
	text-overflow: ellipsis; /* 溢出内容显示省略号 */
	font-size: 14px;
	line-height:18px;
	padding-left: 5px;
}
.rsl .re span{
	background: rgb(255, 148, 6);
	height: 17px;
	width: 17px;
	border-radius:4px;
	color: #fff;
	font-size: 14px;
	display: block;
	box-sizing: border-box;
	margin-left: auto;
	line-height: 17px;
	text-align: center;
}
.rsl .xin span{
	background: rgb(255, 56, 82);
	height: 17px;
	width: 17px;
	border-radius:4px;
	color: #fff;
	font-size: 14px;
	display: block;
	box-sizing: border-box;
	margin-left: auto;
	line-height: 17px;
	text-align: center;
}
.rsl .icon{
	color: #f26d5f;
}
.rsl .xh{
	color: #f26d5f;
	font-size: 17px;
	font-weight: 400;
	font-family:woonumrank;
	font-style:normal
}
.rs_jz{
	margin-top: 10px;
}
.rs_jz button{
	background:#f9f9f9;
	border-radius: 4px;
	font-size: 13px;
	line-height:38px;
	height: 38px;
	border: 0;
	color: #838383;
	width: 90%;
}
.rs_gxqdr .head{
	font-size: 16px;
	font-weight: 500;
	height: 45px;
	border-bottom:1px solid #f9f9f9;
}
.rs_gxqdr .item img{
	width: 50px;
	height: 50px;
	border-radius: 25px;
}
.wbdv::before{
	content: "v";
	font-size: 14px;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	background-color: rgb(246, 202, 69);
	color: #fff;
	line-height: 16px;
	text-align: center;
	bottom: 0;
	right: -3px;
	border-radius: 25px;
	z-index: 333;
}
.rs_gxqdr .img{
	position: relative;
	width: 50px;
	height: 50px;
	
}
.rs_gxqdr .user{
	flex: 2;
	margin-left: 6px;
}
.rs_gxqdr .user a{
	display: block;
}
.rs_gxqdr .gz{
	flex: 1;
}

.rs_gxqdr{
	margin-top: 15px;
}
.gxqdr_list .button{
	background: rgba(255,130,0,.1);
	color: #ff8200;
	border: 1px solid;
	border-radius: 36px;
	height: 28px;
	white-space:nowrap;
	box-sizing: border-box;
	padding: 0px 10px;
}
.gxqdr_list .zh{
	font-size:15px;
	color: #333;
	white-space:nowrap;
	margin: 4px 0px;
}
.gxqdr_list .jj{
	font-size: 13px;
	color: #939393;
	white-space:nowrap;
	margin: 4px 0px;
}
.czzzx{
	margin-top: 10px;
}
.czzzx .head{
	font-size: 14px;
	height: 40px;
	padding-left: 10px;
}
.czzzx .right_zx{
	margin: 10px 20px;
}
.czzzx .wz{
	font-size: 12px;
	white-space:nowrap;
	display: block;
	color: #333;
}
.czzzx .zx_jz{
	margin-top: 10px;
}
.czzzx .zx_jz button .x_center{
	margin-left: 4px;
}
.czzzx .zx_jz button{
	background: #f9f9f9;
	border-radius: 4px;
	color: #838383;
	border: 0;
	height: 38px;
	width: 90%;
}
.zx_jz{
	margin-top: 10px;
}
.bzzx{
	margin-top: 10px;
}
.bzzx .icon{
	width: 15px;
	position: relative;
}
.bzzx .item{
	display: flex;
}
.bzzx .title{
	font-size: 11px;
	color: #606060;
	line-height: 18px;
}
.bzzx .title_content{
	display: flex;
	justify-content: space-between;
}
.bzzx .title_content a{
	display: block;
	font-size: 10px;
	color: #939393;
	line-height: 17px;
}
.bzzx .span_i{
	width: 12px;
	height: 12px;
	position: relative;
	margin-top: 3px;
}
.bzzx .l2{
	width: 100%;
	margin-left: 5px;
}
.bzzx .div_ul_li{
	margin-top: 5px;
}
.span_i{
	display: flex;
}
.right_bottom{
	margin-top: 10px;
	margin-left: 10px;
}
.right_bottom .span_svg svg{
	width: 17px;
	height: 17px;
}
.right_bottom .img_div img{
	width: 70px;
	height: 32px;
}
.right_bottom .sbxx{
	font-size: 10px;
	color: #939393;
}
.right_bottom .div div{
	margin-left: 10px;
}
.list_cards .wb_nr{
	padding: 10px 15px;
}
.list_cards .wb_nr .l2{
	width: 100%;
	margin-left: 10px;
}
.list_cards .wb_nr .c1 span{
	display: block;
}
.list_cards .wb_nr .c1 a{
	display: block;
}
.list_cards .wb_nr .img_icon{
	position: relative;
	width: 50px;
	height: 50px;
}
.list_cards .wb_nr .img_icon img{
	width: 50px;
	height: 50px;
	border-radius: 25px;
}
.list_cards .wb_nr .username{
	font-size: 15px;
	color: #333;
	font-weight: bold;
}
.list_cards .wb_nr .time{
	font-size: 13px;
	color: #939393;
}
.list_cards .tool{
	padding-left: 51px;
}
.list_cards .content{
	margin-top: 10px;
	padding-left: 51px;
}
.vip_img{
	margin-left: 6px;
}
.vip_img img{
	width: 38.5px;
	height: 14px;
}
.tag{
	color: #eb7340 ;
}
.list_cards .nr{
	font-size: 15px;
	line-height: 24px;
}
.list_cards .video_q{
	margin-top: 10px;
}
.wb_content_center .xwb_tool .icon_right .item button{
	height: 34px;
	background: #ff8200;
	border-radius: 25px;
	padding: 0px 20px;
	border: 0;
	outline: 0;
	color: #fff;
	white-space: nowrap; 
}
.list_cards .img_q{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}
.list_cards  .video_span{
	background-color: #333;
}
.list_cards .video_span img{
/* 	width: 100%;
	height: 304px; */
	height: 250px;
	background-size: cover;  
}
.list_cards .video_span{
	position: relative;
}
.list_cards .video_span .player svg{
	width: 30px;
	height: 30px;
}
.list_cards .video_span .pfl{
	position: absolute;
	color: #fff;
	bottom: 10px;
	left: 10px;
	font-size: 12px;
}
.list_cards .video_span .videotime{
	position: absolute;
	color: #fff;
	bottom: 10px;
	right: 10px;
	font-size: 12px;
}
.list_cards .video_span .player{
	position: absolute;
	display: block;
	top: 50%; /* 相对于父容器顶部垂直居中 */
	left: 50%; /* 相对于父容器左侧水平居中 */
	transform: translate(-50%, -50%); /* 移动自身尺寸的一半，实现完全居中效果 */
}
.img_q .img_span{
	width: 30%;
	padding: 0px 8px 8px 0px;
}
.list_cards .img_q img{
	width: 100%;
	border-radius: 4px;
	background-size: cover;  
}
.list_cards .tool{
	color: grey;
	margin-top: 10px;
}
.list_cards .tool .div_ul {
	justify-content: space-between;
	padding-right: 25px;
}
.list_cards .tool svg{
	width: 15px;
	height: 15px;
}
.videoplayer{
	position: relative;
}
.videoplayer::after{
	content: "";
	color: #e5e6eb;
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 20px solid #ff8200;
	transform: rotate(90deg);
}
.d5{
	margin-right: 5px;
}
.wb_content_center .wb_center_ll {
	padding-left: 8px;
}
.wb_content_center .wb_center_ll .left_flex .div_ul {
	justify-content: space-between;
}
.wb_content_center .wb_center_ll .right_flex .item{
	width: 100%;
}
.wb_content_center .wb_center_ll .right_flex .item .search{
	border: 1px solid #eee;
	display: flex;
	width: 125px;
	padding:0px 10px;
	height: 30px;
	box-sizing: border-box;
	color: #939393;
}
.wb_top .div{
	height: 100%;
}
.wb_content_center .wb_center_ll .right_flex .item input{
	border: 0;
	outline: 0;
	box-sizing: border-box;
	width: 65px;
	background: #eee;
	margin: 0px 4px;
}
.sm_select{
	background: #f9f9f9;
	height: 24px;
	font-size: 12px;
	color: #838383;
	padding-right: 4px;
}
.sm_select i{
	font-size: 8px;
}
.hy_img{
	position: absolute;
	width: 20px;
	height: 11px;
	bottom: 0;
}
.wb_content_left .left_body{
	min-height: 700px;
}
.wb_nr .lz{
	font-size: 13px;
	color: #939393;
}
.wb_nr .c2{
	margin-top: 3px;
}
.wb_nr .tj{
	display: block;
	font-size: 10px;
	padding: 0px 3px;
	height: 14px;
	color: #939393;
	border: 1px solid #939393;
	border-radius: 2px;
	min-width: 24px;
	margin-right: 5px;
	margin-top: 2px;
}
.list_cards .pl_tool{
	margin-top: 10px;
	border-top: 1px solid #f2f2f2;
	padding-top: 10px;
	border-bottom: 1px solid  #f2f2f2;
	padding-bottom: 10px;
}
.list_cards .pl_qy{
	margin-top: 10px;
}
.pl_tool .wirte_tool img{
	width: 34px;
	height: 34px;
	border-radius: 25px;
}
.pl_tool .wirte_tool .left_flex{
	width: 34px;
}
.pl_tool .wirte_tool .right_flex{
	width: 100%;
	margin-left: 8px;
}
.pl_tool .wirte_tool .right_flex .pl{
	width: 100%;
	box-sizing: border-box;
	height: 38px;
	outline: 0;
	border: 1px solid #ff8200;
	border-radius: 8px;
	padding: 0px 10px;
}
.pl_tool .wirte_tool .right_flex .d1{
	margin-top: 10px;
	color: #838383;
}
.pl_tool .wirte_tool .right_flex .f1{
	width: 56px;
	justify-content: space-between;
	padding-right: 20px;
}
.pl_tool .wirte_tool .right_flex .f2{
	width: 100%;
}
.pl_tool .wirte_tool .right_flex .f3{
	width: 88px;
}
.pl_tool .wirte_tool .right_flex .f3 button{
	background-color: #ff8200;
	color: #fff;
	outline: 0;
	padding: 9px 15px;
	min-width: 80px;
	border-radius: 36px;
	border: 0;
}
.pl_tool .wirte_tool .right_flex .zf span{
	width: 14px;
	height: 14px;
	border-radius:4px;
	border: 1px solid;
	color: #838383;
}
.pl_tool .wirte_tool .right_flex .zf a{
	font-size: 14px;
	height: 23px;
	line-height: 23px;
	margin-left: 10px;
}
.pl_qy .pl_card{
	margin-top: 10px;
}
.pl_qy .pl_card .user_img img{
	width: 34px;
	height: 34px;
}
.pl_qy .pl_list{
	margin-top: 10px;
}
.pl_qy .pl_list .user_pl{
	width: 100%;
	padding-left: 6px;
}
.pl_qy .pl_list .user_pl{
	font-size: 13px;
}
.pl_qy .hfqy_list{
	margin-left: 15px;
	position: relative;
}
.pl_qy .pl_list .hfpl:not(:first-child) {
  /* 这里是样式 */
	padding-top: 10px;
}
.pl_list .uhm{
	color: #eb7350;
}
.pl_qy .pl_list .user_pl .hfqy_list{
	margin-top: 10px;
}
.pl_qy .pl_list .user_pl .fs_img img{
	width: 37px;
	height: 14px;
}
.pl_qy .pl_list .g3 svg{
	width: 13px;
	height: 13px;
}
.pl_qy .hfqy_list .hfpl{
	position: relative;
}
.pl_qy .hfqy_list::before{
	width: 2px;
	content: "";
	background-color: #f2f2f2;
	display: block;
	left: -12px;
	position: absolute;
	height: 100%;
}
.pl_qy .pl_list .user_pl .f2 .tool_pl{
	margin-left: 10px;
	color: #939393;
}
.list_cards .pl_jz{
	margin-top: 10px;
	border-top: 1px solid  #f2f2f2;
	padding-top: 10px;
}
.list_cards .pl_jz button{
	color: grey;
	background-color: #f9f9f9;
	border: 0;
	outline: 0;
	height: 34px;
	width: 80%;
}
.list_cards .pl_qyll{
	display: flex;
}
.list_cards .pl_qyll .curr{
	font-weight: 700;
	color:#ff8200;
}
.list_cards .pl_qyll a{
	display: block;
	margin-right: 10px;
	font-size: 14px;
}


